<html
    xmlns="http://www.w3.org/1999/xhtml"
    xmlns:h="http://java.sun.com/jsf/html"
    xmlns:f="http://java.sun.com/jsf/core"
    xmlns:ui="http://java.sun.com/jsf/facelets"
    xmlns:p="http://primefaces.org/ui">

    <ui:composition template="layout.xhtml">

        <ui:define name="title">
            Tipo do Ato - #{ managerCriarAtoTipoEP.atoTipoEP.id == null ? 'Cadastrar' : 'Editar' }
        </ui:define>        

        <ui:define name="content">
            <h:form id="criarAtoTipoEPForm">

                <p:messages id="criarAtoTipoEPMessages" autoUpdate="true" />

                <p:fieldset legend="Dados" id="dadosFieldset">

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Central" for="centralSelectOneMenu" />
                        </div>
                        <div class="column8">
                            <p:selectOneMenu id="centralSelectOneMenu" value="#{ managerCriarAtoTipoEP.atoTipoEP.central }"
                                             required="true" requiredMessage="Central é obrigatório">
                                <f:selectItems value="#{ enums.central() }"></f:selectItems>
                                <p:ajax event="change" oncomplete="widthFix();" update="@form" />
                            </p:selectOneMenu>                        
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Código" for="codigoInputText" />
                        </div>
                        <div class="column3">
                            <p:inputText id="codigoInputText" value="#{ managerCriarAtoTipoEP.atoTipoEP.codigo }"
                                         required="true" requiredMessage="Código é obrigatório" />
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Tipo do Ato" for="#{ 'tipoAtoSelectOneMenu'.concat(managerCriarAtoTipoEP.atoTipoEP.central) }"
                                           rendered="#{ managerCriarAtoTipoEP.atoTipoEP.central != null }" />
                        </div>

                        <div class="column8">
                            <p:selectOneMenu id="tipoAtoSelectOneMenuCEP" value="#{ managerCriarAtoTipoEP.atoTipoEP.tipoAtoCEP }"
                                             required="true" requiredMessage="Tipo do Ato é obrigatório"
                                             rendered="#{ managerCriarAtoTipoEP.atoTipoEP.central == 'CEP' }">
                                <f:selectItems value="#{ enums.tiposAtoCEP() }"></f:selectItems>
                            </p:selectOneMenu>

                            <p:selectOneMenu id="tipoAtoSelectOneMenuCESDI" value="#{ managerCriarAtoTipoEP.atoTipoEP.tipoAtoCESDI }"
                                             required="true" requiredMessage="Tipo do Ato é obrigatório"
                                             rendered="#{ managerCriarAtoTipoEP.atoTipoEP.central == 'CESDI' }">
                                <f:selectItems value="#{ enums.tiposAtoCESDI() }"></f:selectItems>
                            </p:selectOneMenu>

                            <p:selectOneMenu id="tipoAtoSelectOneMenuRCTO" value="#{ managerCriarAtoTipoEP.atoTipoEP.tipoAtoRCTO }"
                                             rendered="#{ managerCriarAtoTipoEP.atoTipoEP.central == 'RCTO' }"
                                             required="true" requiredMessage="Tipo do Ato é obrigatório">
                                <f:selectItems value="#{ enums.tiposAtoRCTO() }"></f:selectItems>
                            </p:selectOneMenu>
                        </div>
                    </div>

                    <div class="row">
                        <div class="column2">
                            <p:outputLabel value="Descrição" for="descricaoInputText"/>
                        </div>
                        <div class="column8">
                            <p:inputText id="descricaoInputText" value="#{ managerCriarAtoTipoEP.atoTipoEP.descricao }"
                                         required="true" requiredMessage="Descrição é obrigatório"/>
                        </div>
                    </div>                    

                </p:fieldset>

                <div class="command">
                    <p:commandButton actionListener="#{  managerCriarAtoTipoEP.salvar()  }" value="Salvar"
                                     styleClass="ui-priority-primary" update="@form" oncomplete="widthFix();"
                                     icon="ui-icon-disk" onsuccess="goY(0);"/>
                    <p:button value="Cancelar" icon="ui-icon-cancel" href="pesquisarAtoTipoEP.xhtml" />
                </div>

            </h:form>

        </ui:define>
    </ui:composition>

</html>